.w-a11y-result__row {
  border-top: 1px solid theme('colors.border-furniture');
}

.w-a11y-result__header {
  margin: 0;
  padding: theme('spacing.4') theme('spacing.5');
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: theme('spacing.2');
  font: inherit;
  font-weight: theme('fontWeight.bold');
}

.w-a11y-result__name {
  color: theme('colors.text-label');
}

.w-a11y-result__container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 theme('spacing.5') theme('spacing.5') theme('spacing.5');
}

.w-a11y-result__subtotal_count {
  color: theme('colors.text-context');
  width: theme('spacing.5');
  text-align: center;
}

.w-a11y-result__selector {
  display: flex;
  align-items: center;
  background: theme('colors.surface-field-inactive');
  color: theme('colors.text-context');
  border-radius: theme('borderRadius.DEFAULT');
  margin-inline-end: theme('spacing.[2.5]');
  margin-bottom: theme('spacing.[2.5]');
  padding: theme('spacing.[1.5]');

  &:hover,
  &:focus {
    background: theme('colors.surface-button-default');
    color: theme('colors.text-button');

    .w-a11y-result__icon {
      fill: theme('colors.text-button');
    }
  }

  @media (forced-colors: active) {
    border: theme('spacing.px') solid ButtonText;
  }
}

.w-a11y-result__icon {
  flex-shrink: 0;
  fill: theme('colors.surface-button-default');
  height: theme('spacing.[3.5]');
  width: theme('spacing.[3.5]');
  margin-inline-end: theme('spacing.[2.5]');
}

.w-a11y-result__count {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  background-color: theme('colors.positive.100');
  border-radius: theme('borderRadius.full');
  font-size: theme('fontSize.14');
  line-height: theme('lineHeight.none');
  height: theme('spacing.5');
  width: theme('spacing.5');
  color: theme('colors.text-button');

  &.has-errors {
    background-color: theme('colors.critical.200');
  }

  @media (forced-colors: active) {
    border: theme('spacing.px') solid ButtonText;
  }
}
